<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="css/set/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/set/common.css">
    <!-- 引入个人中心页面样式 -->
    <link rel="stylesheet" href="css/set/set.css">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="fonts/set/iconfont.css">
    <!-- 引入jQuery文件 -->
    <script src="lib/jquery.min.js"></script>
    <!-- 引入set.js样式 -->
    <script src="js/set/set.js"></script>
    <script src="js/set/setPerson.js"></script>
</head>
<style>
    @font-face {
        font-family: 'icomoon';
        src: url('fonts/index/fonts/icomoon.eot?efzp3e');
        src: url('fonts/index/fonts/icomoon.eot?efzp3e#iefix') format('embedded-opentype'),
            url('fonts/index/fonts/icomoon.ttf?efzp3e') format('truetype'),
            url('fonts/index/fonts/icomoon.woff?efzp3e') format('woff'),
            url('fonts/index/fonts/icomoon.svg?efzp3e#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    .set {
        font-family: 'icomoon';
    }

    .iconfont {
        font-family: 'icomoon';
    }
</style>


<body>
    <!-- 顶部模块---start -->
    <div class="header clearfix">
        <div class="logo fl">
            <a href="javascript:;" title="学成教育网"></a>
        </div>
        <nav class="fl">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="introduction.html">课程</a></li>
                <li><a href="plan.html">职业规划</a></li>
            </ul>
        </nav>
        <div class="pearson fr">
            <i></i>
            <a href="set.html" id="user">个人中心</a>
            <img class="ld" src="images/plan/ld.png" alt="" />
            <a href="javascript:;" class="qq">
                <img src="images/plan/pic.png" />
            </a>
            <a href="javascript:;">qq_login</a>
        </div>
        <div class="search fr">
            <input type="search" name="search" placeholder="输入关键字" />
            <button><img src="images/plan/fa-search.png"></button>
        </div>
    </div>
    <!-- 顶部模块---end -->

    <!-- banner区域---start -->
    <div class="banner">
        <!-- 左侧边栏模块---start -->
        <div class="w">
            <div class="dropdown">
                <div class="dt">
                    <h3>个人中心</h3>
                </div>
                <div class="dd">
                    <div>
                        <img src="images/set/椭圆 12 拷贝.png" alt="">
                        <p id="per">梦醒时分</p>
                    </div>
                    <ul>
                        <li class="current"><i class="iconfont">&#xe616;</i><span>我的课程</span>
                            <em>&gt;</em>
                        </li>
                        <li><i class="iconfont">&#xe502;</i><span>我的订单</span> <em>&gt;</em></li>
                        <li><i class="iconfont">&#xe64a;</i><span>我的消息</span> <em>&gt;</em></li>
                        <li><i class="iconfont">&#xe65b;</i><span>我的收藏</span> <em>&gt;</em></li>
                        <li><i class="iconfont">&#xe617;</i><span>个人设置</span> <em>&gt;</em></li>
                        <li><i class="iconfont">&#xe622;</i><span><a
                                    href="index.html" id="exit">退出</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                            <em>&gt;</em>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 左侧边栏模块---end -->
    </div>
    <!-- banner区域---end -->

    <!-- 主体模块---start -->
    <div class="content w clearfix">
        <div class="item course clearfix">
            <h3>最近学习课程</h3>
            <ul class="study-top">
                <div class="hot"><img src="images/set/hot.png" alt=""></div>
                <div class="block-radius">
                    <ul>
                        <li class="block-radius-right"></li>
                        <li class="block-radius-right"></li>
                        <li class="block-radius-right"></li>
                    </ul>
                </div>
                <li class="study-top-left">
                    <span class="one">继续学习 </span><span class="two">程序语言设计 </span><span class="three">学习中</span>
                    <ul class="data">
                        <img src="images/set/播放图标 拷贝 2@2x.png" alt="">
                        <li class="data-1"> 正在学习 使用对象 </li>
                        <li class="data-2"> 有效日期: 2016.06.05-2017.06.05</li>
                    </ul>
                    <ul class="radius">
                        <li class="radius_item radius_item-1 radius_item-one"></li>
                        <li class="radius_item radius_item-1"></li>
                        <li class="radius_item radius_item-1"></li>
                        <li class="radius_item radius_item-1"></li>
                        <li class="radius_item-1  radius_item-text-1">1/4 已完成 </li>
                        <li class="radius_item-1  radius_item-text-2">进度25%</li>
                    </ul>


                </li>

                <li class="study-top-right">
                    <ul>
                        <li class="item-top">继续学习</li>
                        <li class="item-bottom">课程评价</li>
                    </ul>
                </li>
            </ul>
            <h4>全部课表</h4>
            <ul class="study-buttom-nav ">
                <li class="study-buttom-nav-left">
                    <ul>
                        <li class="study-buttom-nav-left-one">按学习时间进行排序</li>
                        <li class="study-buttom-nav-left-two">按加入时间进行排序</li>
                    </ul>
                </li>
                <li class="study-buttom-nav-right">
                    <ul>
                        <li class="item-right first">全部 </li>
                        <li class="item-right">付费 </li>
                        <li class="item-right"> 即将过期 </li>
                        <li class="item-right"> 失效</li>
                    </ul>
                </li>
            </ul>
            <ul class="buttom-box clearfix">
                <li class="buttom-box-item ">
                    <div class="hot"><img src="images/set/hot.png" alt=""></div>
                    <div class="block-radius">
                        <ul>
                            <li class="block-radius-right"></li>
                            <li class="block-radius-right"></li>
                            <li class="block-radius-right"></li>
                        </ul>
                    </div>
                    <div class="span-box">
                        <span class="first">继续学习 </span>
                        <span class="two">数据科学家工具箱</span>
                        <span class="three"> 学习中</span>
                    </div>
                    <ul class="studyNow"><img src="images/set/播放图标 拷贝 2@2x.png" alt="">
                        <li class="studyNow-left">正在学习</li>
                        <li class="studyNow-right"> 使用对象 </li>
                    </ul>
                    <p>有效日期: 2016.06.05-2017.06.05</p>
                    <ul class="radius">
                        <li class="radius_item radius_item-1 radius_item-one"></li>
                        <li class="radius_item radius_item-1"></li>
                        <li class="radius_item radius_item-1"></li>
                        <li class="radius_item radius_item-1"></li>
                        <li class="radius_item-1  radius_item-text-1">1/4 已完成 </li>
                        <li class="radius_item-1  radius_item-text-2">进度25%</li>
                    </ul>
                    <ul class="studyNow-bottom clearfix">
                        <li class="study-left">继续学习</li>
                        <li class="study-right">课程评价</li>
                    </ul>
                </li>
                <li class="buttom-box-item ">
                    <div class="hot"><img src="images/set/hot.png" alt=""></div>
                    <div class="block-radius">
                        <ul>
                            <li class="block-radius-right"></li>
                            <li class="block-radius-right"></li>
                            <li class="block-radius-right"></li>
                        </ul>
                    </div>
                    <div class="span-box">
                        <span class="first">继续学习 </span>
                        <span class="two">数据科学家工具箱</span>
                        <span class="three"> 学习中</span>
                    </div>
                    <ul class="studyNow"><img src="images/set/播放图标 拷贝 2@2x.png" alt="">
                        <li class="studyNow-left">正在学习</li>
                        <li class="studyNow-right"> 使用对象 </li>
                    </ul>
                    <p>有效日期: 2016.06.05-2017.06.05</p>
                    <ul class="radius">
                        <li class="radius_item radius_item-1 "></li>
                        <li class="radius_item radius_item-1"></li>
                        <li class="radius_item radius_item-1"></li>
                        <li class="radius_item radius_item-1"></li>
                        <li class="radius_item-1  radius_item-text-1">1/4 已完成 </li>
                        <li class="radius_item-1  radius_item-text-2">进度25%</li>
                    </ul>
                    <ul class="studyNow-bottom clearfix">
                        <li class="study-left">继续学习</li>
                        <li class="study-right">课程评价</li>
                    </ul>
                </li>
                <li class="buttom-box-item ">
                    <div class="hot"><img src="images/set/hot.png" alt=""></div>
                    <div class="block-radius">
                        <ul>
                            <li class="block-radius-right"></li>
                            <li class="block-radius-right"></li>
                            <li class="block-radius-right"></li>
                        </ul>
                    </div>
                    <div class="span-box">
                        <span class="first">继续学习 </span>
                        <span class="two">数据科学家工具箱</span>
                        <span class="three close"> 已关闭</span>
                    </div>
                    <ul class="studyNow"><img src="images/set/播放图标 拷贝 2@2x.png" alt="">
                        <li class="studyNow-left">正在学习</li>
                        <li class="studyNow-right"> 使用对象 </li>
                    </ul>
                    <p>有效日期: 2016.06.05-2017.06.05</p>
                    <ul class="radius">
                        <li class=" radius_item-1 "><img src="images/set/star.png" alt=""></li>
                        <li class=" radius_item-1"> <img src="images/set/star.png" alt=""></li>
                        <li class=" radius_item-1"> <img src="images/set/star.png" alt=""></li>
                        <li class=" radius_item-1"> <img src="images/set/star.png" alt=""></li>
                        <li class="radius_item-1  radius_item-text-1">1/4 已完成 </li>
                        <li class="radius_item-1  radius_item-text-2">进度25%</li>
                    </ul>
                    <ul class="studyNow-bottom clearfix">
                        <li class="study-left">继续学习</li>
                        <li class="study-right">课程评价</li>
                    </ul>
                </li>
                <li class="buttom-box-item ">
                    <div class="hot"><img src="images/set/hot.png" alt=""></div>
                    <div class="block-radius">
                        <ul>
                            <li class="block-radius-right"></li>
                            <li class="block-radius-right"></li>
                            <li class="block-radius-right"></li>
                        </ul>
                    </div>
                    <div class="span-box">
                        <span class="first">继续学习 </span>
                        <span class="two">数据科学家工具箱</span>
                        <span class="three stop"> 已结业</span>
                    </div>
                    <ul class="studyNow"><img src="images/set/播放图标 拷贝 2@2x.png" alt="">
                        <li class="studyNow-left">正在学习</li>
                        <li class="studyNow-right"> 使用对象 </li>
                    </ul>
                    <p>有效日期: 2016.06.05-2017.06.05</p>
                    <ul class="radius">
                        <li class=" radius_item-1 "><img src="images/set/star.png" alt=""></li>
                        <li class=" radius_item-1"> <img src="images/set/star.png" alt=""></li>
                        <li class=" radius_item-1"> <img src="images/set/star.png" alt=""></li>
                        <li class=" radius_item-1"> <img src="images/set/star.png" alt=""></li>
                        <li class="radius_item-1  radius_item-text-1">1/4 已完成 </li>
                        <li class="radius_item-1  radius_item-text-2">进度25%</li>
                    </ul>
                    <ul class="studyNow-bottom clearfix">
                        <li class="study-left">继续学习</li>
                        <li class="study-right">课程评价</li>
                    </ul>
                </li>
            </ul>
            <ul class="bottom-nav clearfix">
                <li><img src="images/set/图层 167 拷贝.png" alt=""></li>
                <li>帮助和常见问题 </li>
                <li><img src="images/set/形状 3 拷贝 4@2x.png" alt=""></li>
                <li class="bottom-nav-four"><img src="images/set/图层 167 拷贝.png" alt=""></li>
                <li>问题反馈</li>
                <li><img src="images/set/形状 3 拷贝 4@2x.png" alt=""></li>
            </ul>
        </div>
        <div class="item order">
            <!-- 课程订单导航 -->
            <ul class="order_nav">
                <li><a href="javascript:;">全部课程</a></li>
                <li><a href="javascript:;">待付款</a></li>
                <li><a href="javascript:;">已完成</a></li>
                <li><a href="javascript:;">已关闭</a></li>
            </ul>
            <!-- 课程订单内容 -->
            <table cellspacing="0" ;cellpadding="0">
                <thead>
                    <td colspan="2">课程信息</td>
                    <td>订单金额</td>
                    <td>实付款</td>
                    <td>交易状态</td>
                    <td>交易操作</td>
                </thead>
                <!-- 课程订单具体信息 -->
                <tbody>
                    <!-- 第一个订单.支付 -->
                    <!-- 订单编号日期 -->
                    <tr>
                        <td colspan="6">2020-10-01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;订单号:98354576978776</td>
                    </tr>
                    <!-- 订单详情 -->
                    <tr>
                        <td>
                            <img src="images/plan/angular.png" alt="" class="small_pic">
                        </td>
                        <td>
                            <h3>程序语言设计</h3>
                            <img src="images/plan/五角星.png" alt="" class="star"><span>课程打分</span><i>9.4星</i>
                            <p>有效期:2020.10.01-2021.10.01</p>
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            待支付
                        </td>
                        <!-- 按钮 -->
                        <td>
                            <a href="javascript:;" class="pay">去支付</a>
                            <a href="javascript:;" class="cancel">取消订单</a>
                        </td>
                    </tr>
                    <!-- 第二个订单.支付-->
                    <!-- 订单编号日期 -->
                    <tr>
                        <td colspan="6">2020-10-01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;订单号:98354576978776</td>
                    </tr>
                    <!-- 订单详情 -->
                    <tr>
                        <td>
                            <img src="images/plan/angular.png" alt="" class="small_pic">
                        </td>
                        <td>
                            <h3>程序语言设计</h3>
                            <img src="images/plan/五角星.png" alt="" class="star"><span>课程打分</span><i>9.4星</i>
                            <p>有效期:2020.10.01-2021.10.01</p>
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            待支付
                        </td>
                        <!-- 按钮 -->
                        <td>
                            <a href="javascript:;" class="pay">去支付</a>
                            <a href="javascript:;" class="cancel">取消订单</a>
                        </td>
                    </tr>
                    <!-- 第三个订单.评价 -->
                    <!-- 订单编号日期 -->
                    <tr>
                        <td colspan="6">2020-10-01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;订单号:98354576978776</td>
                    </tr>
                    <!-- 订单详情 -->
                    <tr>
                        <td>
                            <img src="images/plan/angular.png" alt="" class="small_pic">
                        </td>
                        <td>
                            <h3>程序语言设计</h3>
                            <img src="images/plan/五角星.png" alt="" class="star"><span>课程打分</span><i>9.4星</i>
                            <p>有效期:2020.10.01-2021.10.01</p>
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            已完成
                        </td>
                        <!-- 按钮 -->
                        <td>
                            <a href="javascript:;" class="comment">课程评价</a>
                        </td>
                    </tr>
                    <!-- 第四个订单.评价 -->
                    <!-- 订单编号日期 -->
                    <tr>
                        <td colspan="6">2020-10-01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;订单号:98354576978776</td>
                    </tr>
                    <!-- 订单详情 -->
                    <tr>
                        <td>
                            <img src="images/plan/angular.png" alt="" class="small_pic">
                        </td>
                        <td>
                            <h3>程序语言设计</h3>
                            <img src="images/plan/五角星.png" alt="" class="star"><span>课程打分</span><i>9.4星</i>
                            <p>有效期:2020.10.01-2021.10.01</p>
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            已完成
                        </td>
                        <!-- 按钮 -->
                        <td>
                            <a href="javascript:;" class="comment">课程评价</a>
                        </td>
                    </tr>
                    <!-- 第五个订单.评价 -->
                    <!-- 订单编号日期 -->
                    <tr>
                        <td colspan="6">2020-10-01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;订单号:98354576978776</td>
                    </tr>
                    <!-- 订单详情 -->
                    <tr>
                        <td>
                            <img src="images/plan/angular.png" alt="" class="small_pic">
                        </td>
                        <td>
                            <h3>程序语言设计</h3>
                            <img src="images/plan/五角星.png" alt="" class="star"><span>课程打分</span><i>9.4星</i>
                            <p>有效期:2020.10.01-2021.10.01</p>
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            已完成
                        </td>
                        <!-- 按钮 -->
                        <td>
                            <a href="javascript:;" class="comment">课程评价</a>
                        </td>
                    </tr>
                    <!-- 第六个订单.关闭 -->
                    <!-- 订单编号日期 -->
                    <tr>
                        <td colspan="6">
                            2020-10-01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;订单号:98354576978776
                            <a href="javascript:;" class="delete"><img src="images/plan/垃圾桶.png" alt=""></a>
                        </td>

                    </tr>
                    <!-- 订单详情 -->
                    <tr>
                        <td>
                            <img src="images/plan/angular.png" alt="" class="small_pic">
                        </td>
                        <td>
                            <h3>程序语言设计</h3>
                            <img src="images/plan/五角星.png" alt="" class="star"><span>课程打分</span><i>9.4星</i>
                            <p>有效期:2020.10.01-2021.10.01</p>
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            已关闭
                        </td>
                        <td>
                            <em>———</em>
                        </td>
                    </tr>
                    <!-- 第七个订单.关闭 -->
                    <!-- 订单编号日期 -->
                    <tr>
                        <td colspan="6">
                            2020-10-01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;订单号:98354576978776
                            <a href="javascript:;" class="delete"><img src="images/plan/垃圾桶.png" alt=""></a>
                        </td>

                    </tr>
                    <!-- 订单详情 -->
                    <tr>
                        <td>
                            <img src="images/plan/angular.png" alt="" class="small_pic">
                        </td>
                        <td>
                            <h3>程序语言设计</h3>
                            <img src="images/plan/五角星.png" alt="" class="star"><span>课程打分</span><i>9.4星</i>
                            <p>有效期:2020.10.01-2021.10.01</p>
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            已关闭
                        </td>
                        <td>
                            <em>———</em>
                        </td>
                    </tr>
                    <!-- 第八个订单.关闭 -->
                    <!-- 订单编号日期 -->
                    <tr>
                        <td colspan="6">
                            2020-10-01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;订单号:98354576978776
                            <a href="javascript:;" class="delete"><img src="images/plan/垃圾桶.png" alt=""></a>
                        </td>

                    </tr>
                    <!-- 订单详情 -->
                    <tr>
                        <td>
                            <img src="images/plan/angular.png" alt="" class="small_pic">
                        </td>
                        <td>
                            <h3>程序语言设计</h3>
                            <img src="images/plan/五角星.png" alt="" class="star"><span>课程打分</span><i>9.4星</i>
                            <p>有效期:2020.10.01-2021.10.01</p>
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            ¥1000
                        </td>
                        <td>
                            已关闭
                        </td>
                        <td>
                            <em>———</em>
                        </td>
                    </tr>
                </tbody>
            </table>
            <ul class="page">
                <li><a href="javascript:;">首页</a></li>
                <li><a href="javascript:;">上一页</a></li>
                <li><a href="javascript:;">1</a></li>
                <li><a href="javascript:;">2</a></li>
                <li><a href="javascript:;">3</a></li>
                <li><a href="javascript:;">4</a></li>
                <li><a href="javascript:;">5</a></li>
                <li><a href="javascript:;">6</a></li>
                <li><a href="javascript:;">7</a></li>
                <li><a href="javascript:;">下一页</a></li>
                <li><a href="javascript:;">尾页</a></li>
            </ul>
        </div>
        <div class="item news">news</div>
        <div class="item collect">collect</div>
        <div class="item set">
            <!-- 个人设置模块start -->
            <div class="cent">
                <h5 class="blu">个人设置<a href="javascript:;"></a></h5>
                <div class="centt">
                    <a class="centta" href="setImg.html"><img src="images/set/椭圆 12 拷贝.png" alt=""></a>
                    <h5>梦醒时分<a href="setName.html">修改昵称></a></h5>
                </div>
                <div class="centc">
                    <h5>账户设置</h5>
                    <ul>
                        <li><span class="set"></span>
                            <div class="lin">
                                <h4>手机<b>已绑定（0086138*****9685）</b></h4>
                                <p>您可以享受手机相关的安全提醒服务</p>
                            </div><a href="javascript:;">修改手机</a>
                        </li>
                        <li><span class="set"></span>
                            <div class="lin">
                                <h4>密码<b>强度（中）</b></h4>
                                <p>目前您的密码强度中，请您修改提升强度</p>
                            </div><a href="javascript:;">修改密码</a>
                        </li>
                        <li><span class="set"></span>
                            <div class="lin">
                                <h4>邮箱<b>未验证</b></h4>
                                <p>您可以使用邮箱来保证您的账户安全</p>
                            </div><a href="javascript:;">绑定邮箱</a>
                        </li>
                    </ul>
                    <!-- 定位 -->
                    <h5>社交帐户<span>绑定第三方帐号，可以直接登录，还可以将内容同步到以下平台，与更多的好友分享</span></h5>
                </div>
                <div class="centf">
                    <ul>
                        <li><span class="set"></span>
                            <div class="lin">
                                <h4>QQ<b>未绑定</b></h4>
                                <p>您可以使用邮箱来保证您的账户安全</p>
                            </div><a href="javascript:;">添加绑定</a>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- 个人设置模块end -->
        </div>
    </div>
    <!-- 主体模块---end -->


    <!-- 底部模块---start -->
    <div class="footer">
        <div class="w">
            <div class="copyright">
                <img src="images/plan/logo.png" alt="">
                <p>
                    学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。
                    <br>
                    © 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号
                </p>
                <a href="javascript:;" class="app">app下载</a>
            </div>
            <div class="links">
                <dl>
                    <dt>
                        关于学成网
                    </dt>
                    <dd><a href="javascript:;">关于</a></dd>
                    <dd><a href="javascript:;">管理团队</a></dd>
                    <dd><a href="javascript:;">工作机会</a></dd>
                    <dd><a href="javascript:;">客户服务</a></dd>
                    <dd><a href="javascript:;">帮助</a></dd>
                </dl>
                <dl>
                    <dt>新手指南</dt>
                    <dd><a href="javascript:;">如何注册</a></dd>
                    <dd><a href="javascript:;">如何选课</a></dd>
                    <dd><a href="javascript:;">如何拿到毕业证</a></dd>
                    <dd><a href="javascript:;">学分是什么</a></dd>
                    <dd><a href="javascript:;">考试未通过怎么办</a></dd>
                </dl>
                <dl>
                    <dt>合作伙伴</dt>
                    <dd><a href="javascript:;">合作机构</a></dd>
                    <dd><a href="javascript:;">合作导师</a></dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- 底部模块---end -->

</body>

</html>